/*
 * @Author: fanjiantao
 * @Date: 2022-03-26 19:13:56
 * @LastEditors: OBKoro1
 * @LastEditTime: 2022-04-04 22:26:21
 */
import React,{useContext,useMemo,useState}from "react"
import Ctx from "../view/ctx"
import logo from "../static/images/logo.svg"
const navBar = (props)=>{
      let ctx = useContext(Ctx)
      return useMemo(()=>{
         return <div className="h-14 box-border items-center shadow-md flex  bg-blue-600 text-white p-2 w-full fixed top-0  overflow-hidden z-50">
                  <span className="  text-sm font-bold"><svg t="1647529049775" className=" inline-block mr-2 fill-white
            " viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4050" width="30" height="30"><path d="M882.274 427.609c-25.242 0-48.873 6.856-69.146 18.797l-69.718-84.224c16.072-22.379 25.539-49.827 25.539-79.498 0-75.361-61.037-136.399-136.399-136.399-75.359 0-136.399 61.039-136.399 136.399 0 32.019 11.023 61.448 29.478 84.713l-76.866 164.714a136.747 136.747 0 0 0-29.562-3.227c-23.255 0-45.142 5.818-64.296 16.07L249.33 432.649c14.813-21.82 23.468-48.162 23.468-76.537 0-75.359-61.039-136.399-136.399-136.399S0 280.753 0 356.112c0 75.362 61.039 136.399 136.399 136.399 20.555 0 40.039-4.549 57.515-12.683L302.236 595.06c-12.337 20.511-19.436 44.534-19.436 70.226 0 75.361 61.039 136.399 136.399 136.399s136.397-61.038 136.397-136.399c0-38.971-16.354-74.108-42.553-98.959l72.576-155.522c14.631 5.357 30.437 8.28 46.929 8.28 19.251 0 37.563-3.991 54.166-11.178l75.527 91.24c-10.44 19.288-16.369 41.38-16.369 64.863 0 75.36 61.04 136.398 136.4 136.398 75.361 0 136.398-61.038 136.398-136.398 0.003-75.363-61.034-136.401-136.396-136.401zM72.745 356.112c0-35.122 28.644-63.652 63.654-63.652 35.122 0 63.652 28.53 63.652 63.652 0 35.124-28.53 63.654-63.652 63.654-35.124 0.001-63.654-28.53-63.654-63.654zM419.2 728.937c-35.123 0-63.653-28.529-63.653-63.651s28.53-63.653 63.653-63.653c35.122 0 63.653 28.531 63.653 63.653s-28.531 63.651-63.653 63.651z m149.699-446.252c0-35.123 28.529-63.653 63.65-63.653 35.124 0 63.654 28.53 63.654 63.653 0 35.124-28.53 63.652-63.654 63.652-35.12 0-63.65-28.528-63.65-63.652zM882.274 627.66c-35.122 0-63.651-28.529-63.651-63.651 0-35.123 28.529-63.653 63.651-63.653 35.123 0 63.654 28.53 63.654 63.653 0.001 35.122-28.531 63.651-63.654 63.651z" p-id="4051" data-spm-anchor-id="a313x.7781069.0.i12"></path></svg> VG_PROXY  version 1.0.0</span>
                 
               {props.children}
         </div>
      },[ctx.them])
       
    
}
export default React.memo(navBar)